html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	background-color: #f1f5fd;
}
.card-form {
	width: 60%;
	margin: auto;
}
$pc_width: 800px;
td, th {
	&.hidden {
		opacity: 0.5;
	}
}
.setting-page .el-card {
	margin-bottom: 20px;
}
.setting-page .settings-contain {
	width: 60%;
	@media screen and (max-width: 1300px) {
		width: 80%;
	}
	.el-button {
		padding: 0;
	}
	.el-button, span.value, .el-switch {
		margin-left: 10px;
	}
	margin: auto;
	.setting-row {
		display: flex;
		p.setting-item:first-child {
			width: 50%;
		}
	}
	p.setting-item {
		line-height: 40px;
		margin: 3px 0;
	}
	.title {
		display: inline-block;
		width: 150px;
		text-align: right;
		color: #9da3a8;
	}
	.setting-value {
		margin-right: 10px;
	}
}
@media screen and(max-width: 1600px) {
	.card-form {
		width: 70%;
	}
	.edit-dialog .el-dialog {
		width: 50% !important;
	}
}
@media screen and(max-width: 1300px) {
	.card-form {
		width: 82%;
	}
	.edit-dialog .el-dialog {
		width: 60% !important;
		min-width: 660px !important;
	}
}
.remark-text {
	color: #e6a23c;
	font-size: 13px;
	&.error-remark-text, .error-remark-text {
		color: #f56c6c;
	}
	i.el-icon-warning {
		margin-right: 3px;
	}
}
.edit-dialog .el-dialog {
	min-width: 580px;
}
.el-dialog {
	.el-dialog__body {
		padding: 20px;
	}
	.el-dialog__footer {
		padding-top: 0;
		.dialog-footer button {
			padding: 9px 23px;
		}
	}
}
.el-form.cus-form {
	.el-form-item {
		flex-grow: 1;
		&:first-child {
			margin-right: 10%;
		}
		.el-form-item__content {
			flex-grow: 1;
		}
		&.required .el-form-item__label {
			position: relative;
			&::before {
				content: "*";
		    color: #f56c6c;
		    position: absolute;
  			left: -10px;
			}
		}
	}
	.row, .el-form-item {
		display: flex;
	}
}

.table-contain-inner {
	width: 93%;
	margin: auto;
	padding: 20px 1%;
	.table-operate-area {
		justify-content: flex-end;
		$height: 38px;
		display: flex;
		padding: 6px 0;
		.filter-item {
			margin-left: 0.5%;
		}
		.search-input {
			width: 26%;
			min-width: 320px;
			input {
				height: $height;
			}
			.el-input-group__prepend {
				width: 60px;
			}
			.el-input-group__append {
				padding: 0;
				cursor: pointer;
				position: relative;
  			width: 15%;
  			min-width: 40px;
  			.search-append-div {
  				position: absolute;
			    top: 0;
			    bottom: 0;
			    left: 0;
			    right: 0;
			    display: flex;
			    align-items: center;
			    justify-content: center;
  			}
			}
		}
		.el-button {
			margin-left: .5%;
			height: $height;
			padding: 0 26px;
		}
	}
	.cell .el-button {
		padding: 0px;
	}
	.el-pagination {
		background-color: #fff;
		padding: 12px 0;
		text-align: center;
	}
}
/*pc*/
@media screen and (min-width: $pc_width) {
	.table-contain-inner {
		min-width: 1200px;
	}
}
/*ipad*/
@media screen and (max-width: $pc_width) {
	.el-picker-panel {
		max-width: 96% !important;
		left: 2% !important;
		.el-picker-panel__sidebar {
			display: none;
		}
		.el-picker-panel__body {
			margin: 0 !important;
		}
	}

	.setting-page .settings-contain {
		width: 90%;
		.setting-row {
			display: block;
		}
		p.setting-item {
			width: 100% !important;
		}
	}

	.el-dialog__wrapper .el-dialog {
		width: 80% !important;
		max-width: 420px;
	}

	.login-iframe .login-form {
		padding: 6% !important;
	}
}
/*phone*/
@media screen and (max-width: 550px) {
	.el-pagination .el-pagination__sizes {
		display: none !important;
	}

	.el-date-editor.el-range-editor {
		.el-range__icon.el-icon-date {
			display: none;
		}
		.el-range-separator {
			padding-right: 5%;
		}
	}
	.el-picker-panel {
		&, .el-picker-panel__body {
			min-width: unset !important;
		}
		.el-date-range-picker__content {
			width: 100%;
		}
		.el-picker-panel__content.el-date-range-picker__content.is-right {
			display: none;
		}
	}

	.setting-page .settings-contain {
		width: 100%;
		.title {
			width: 80px;
		}
	}

	.el-dialog__wrapper .foot-btns .remark-text {
		display: none;
	}
}